<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <script>
        // 赋值运算符
        let num = 1
        //  num += 5 表示 num = num * 5 , 表示先将num进行计算,再重新赋值给自己, + - * / % 都可以用
        num += 5    //num为6


        // 一元运算 自加一
        // num++
        // 后置自增,如果同行有计算或判断,同行执行时还是原数,执行之后再 + 1
        // ++num
        // 前置自增,直接将自己 + 1


        // while循环
        // 在...条件中 执行代码
        // 三要素
        // 1.给变量初始值
        // 2.终止条件   
        // 3.条件自增自减   
        let i = 1
        while (i <= 100) {
            document.write('螺旋丸' + '<br>')
            i++
        }



        // do while 语法
        // 因为 while在 do下边,所以不管真假代码都会执行一次,了解就好
        let i = 1
        let num = 0
        do {
            num += i
            i++
        } while (i <= 100)
        document.write(num)



        // for循环
        // 和while循环差不多,只是更适合计算数据
        // for (初始; 终止条件; 自增;) { }
        for (i = 1; i <= 50; i++) {
            document.write('真想当个废物' + '<br>')
        }

        // for 嵌套
        // 将内循环完全执行完毕, 再回外循环进行变量自增
        for (let i = 1; i <= 3; i++) {
            document.write('咳咳(清嗓子)<br>')
            for (let j = 1; j <= 3; j++) {
                document.write('磨剪子嘞戗菜刀<br>')
            }
            document.write('<br>')
        }



        // 循环结束
        // break    就此打断,后面的代码不执行结束循环
        // contiue  跳过此次程序,执行下次的代码
        for (let i = 1; i <= 10; i++) {
            if (i % 3 == 0) {
                console.log('吃第三个饱了, 后面的不吃了');
                // break    就此打断,后面的代码不执行结束循环
                break
            }
            console.log(i);
        }

        for (let i = 1; i <= 10; i++) {
            if (i % 3 == 0) {
                console.log('哎妈呀, 大虫子, 这个不吃了, 没吃饱, 4和5 照常吃');
                // contiue  跳过此程序,执行下面的代码
                continue
            }
            console.log(i);
        }
    </script>
</body>

</html>